<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>基本资料</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" href="../css/public.css" media="all">
    <style>
        .layui-form-item .layui-input-company {width: auto;padding-right: 10px;line-height: 38px;}
    </style>
</head>
<body>
<div id="app">
	<div class="layuimini-container">
	    <div class="layuimini-main">
	
	        <div class="layui-form layuimini-form">
	            <div class="layui-form-item">
	                <label class="layui-form-label required">管理账号</label>
	                <div class="layui-input-block">
	                    <input type="text" name="username" lay-verify="required" lay-reqtext="管理账号不能为空" placeholder="请输入管理账号"  value="admin" class="layui-input" v-model="user.uname">
	                    <tip>填写自己管理账号的名称。</tip>
	                </div>
	            </div>
	           
				<div class="layui-form-item">
				    <label class="layui-form-label required">性别</label>
				    <div class="layui-input-block">
				        <input type="radio" v-model="user.sex" name="sex" value="1" title="男" checked="">
				        <input type="radio" v-model="user.sex" name="sex" value="2" title="女">
				    </div>
				</div>
	           <div class="layui-form-item">
	               <label class="layui-form-label">年龄</label>
	               <div class="layui-input-block">
	                   <input type="text" name="age" placeholder="请输入年龄" value="" class="layui-input" v-model="user.age">
	               </div>
	           </div>
			   
<!-- 			   <div class="layui-form-item">
			       <label class="layui-form-label">id</label>
			       <div class="layui-input-block">
			           <input type="text" name="age" placeholder="请输入年龄" value="" class="layui-input" v-model="user.id">
			       </div>
			   </div> -->
			   
			   
	           <div class="layui-form-item">
	               <label class="layui-form-label">姓名</label>
	               <div class="layui-input-block">
	                   <input type="text" name="name" placeholder="请输入名字" value="" class="layui-input" v-model="user.name">
	               </div>
	           </div>
	           
	           <div class="layui-form-item">
	               <label class="layui-form-label">生日</label>
	               <div class="layui-input-block">
	                   <input type="text" name="birthday" placeholder="请输入生日" value="" class="layui-input" v-model="user.birthday">
	               </div>
	           </div>
	
	            <div class="layui-form-item">
	                <div class="layui-input-block">
	                    <button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn" @click="modify()">确认保存</button>
	                </div>
	            </div>
	        </div>
	    </div>
	</div>
</div>
<script src="../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../js/lay-config.js?v=1.0.4" charset="utf-8"></script>
<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/axios.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../lib/jquery-3.6.0.js" type="text/javascript" charset="utf-8"></script>
<script>
    layui.use(['form','miniTab'], function () {
        var form = layui.form,
            layer = layui.layer,
            miniTab = layui.miniTab;

        // //监听提交
        // form.on('submit(saveBtn)', function (data) {
        //     var index = layer.alert(JSON.stringify(data.field), {
        //         title: '最终的提交信息'
        //     }, function () {
        //         layer.close(index);
        //         miniTab.deleteCurrentByIframe();
        //     });
        //     return false;
        // });

    });
</script>


<script type="text/javascript">
	new Vue({
		el:"#app",
		data:{
			user:{
				id:'',
				uname:'',
				name:'',
				birthday:'',
				age:'',
				sex:'1'
			},
			
			
			
		},
		methods:{
			modify(){
				$.ajax({
					
				    url:'http://localhost:8080/modify.action',
				    type:'post',
				    dataType:'text',
				    // data:JSON.stringify({user:this.user}),  
					data:{
						id:this.user.id,
						uname:this.user.uname,
						name:this.user.name,
						sex:this.user.sex,
						age:this.user.age,
						birthday:this.user.birthday
						
					},
					success:function(msg){
				    if(msg=='ok')
						{
							alert("修改成功！下次登录生效")
						}
						else{
							alert("修改失败")
						}
				  }
				})
				// this.getUser()
			},
			getUser(){
				//加载完成时，获取当前登录用户
				 axios
				 .get('http://localhost:8080/judgeLogin.action')
				 .then(res=>{
					 console.log(res.data)
					 this.user=res.data
					 if(res.data.sex=='男')
					 {
						 this.user.sex='1'
					 }
					 else  if(res.data.sex=='女')
					 {
						 this.user.sex='2'
					 }
					 console.log(this.user.sex)
					 
					
				 })
			}
		},
		mounted:function(){
			this.getUser()
		}
		
		// beforeUpdate:function(){
		// 	//加载完成时，获取当前登录用户
		// 	 axios
		// 	 .get('http://localhost:8080/judgeLogin.action')
		// 	 .then(res=>{
		// 		 console.log(res.data)
		// 		 this.user=res.data
		// 		 if(res.data.sex=='男')
		// 		 {
		// 			 this.user.sex='1'
		// 		 }
		// 		 else  if(res.data.sex=='女')
		// 		 {
		// 			 this.user.sex='2'
		// 		 }
		// 		 console.log(this.user.sex)
				 
				
		// 	 })
		// }
	})
</script>
</body>
</html>